*{margin:0;padding:0;word-wrap:break-word;}
body{font:normal 12px Arial;background:#E9E9E9;}
a{text-decoration:none;color:#0a8c07;}
a:hover{text-decoration:underline;}
img{border:0;}
h2{font:bold 14px Arial;padding:0 0 10px;}
option{padding:0 5px 0 3px;}
ul{list-style:none;}

.clear{clear:both;}
.p{margin:10px 0;text-align:left;}

#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;color:#000;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.body,.menu,.button .m{background:url(dasq.png) repeat-x;}
.body{width:100%;background-position:0 -100px;}
.wrap{background:url(shadow.png) repeat-y;}
.wrap{margin:0 auto;padding:0 5px;width:1000px;}

#lang span,.button2,.msg,.basket,.fb,.twt,.gpls,.in,.titlebg .tagn,.gbox.review .tagn,#bibox span,.cpcontact .t span{background:url(bttn2.png) no-repeat;}

#top{background:#000000;text-align:center;}
.banner{width:1000px;margin:0 auto;}
.banner img{max-width:1000px;margin:0 auto;display:block;}
#url{font:12px "arial", Courier, monospace;}
.mrq{background:#000000;height:30px;font:bold 13px/30px Arial;color:#8a6644;padding:0 10px;}
.mrq a{color:#FFFFEB;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}

.menu li,.button .l,.button .r{background:url(dasq.png) no-repeat;}
.menu{list-style:none;color:#99DD11;font:bold 13px/38px Arial;height:37px;padding:0 0 0 30px;background-position:0 -40px;}
.menu li{float:left;padding:0 0 0 2px;background-position:-18px 0;}
.menu span{display:block;padding:0 30px;}
.menu a{color:#FFF;font-weight:normal;}
.menu a:hover{text-decoration:none;}

.middle{position:relative;background:#000000;border-top:#a4a4a4 solid 1px;border-bottom:#a4a4a4 solid 2px;padding:10px 20px 20px 20px;color:#FFF;}
.sosmed{position:absolute;width:35px;right:-35px;}
.fb ,.twt ,.gpls ,.in{width:35px;height:35px;display:block;}
.fb{background-position:0 -153px;}
.twt{background-position:0 -189px;}
.gpls{background-position:0 -225px;}
.in{background-position:0 -261px;}

.butprod{float:left;}

.gbox{padding:10px;background:#485c63;text-align:center;color:#c8dae3;border:solid 2px;border-color:#b2b2b2 #b2b2b2 #b2b2b2 #b2b2b2;margin:9px 0px;}
.gbox h2{padding:4px;color:#1176aa;font:normal 18px Arial;margin:5px;background:#ffffff;text-align:left;}
.button2{float:left;height:29px;width:29px;}
.basket{background-position:0px -30px;}
.msg{background-position:0px 0px;}
.part{background-position:0px -60px;}

.left{float:left;width:210px;text-align:center;}
#mtype{color:#0a8c07;font:bold 12px Arial;margin:0 0 10px;}
#mtype span{font:normal 11px Arial;}
.qsearch{margin:10px 0;}
.qsearch div{border:1px solid #042257;background:#fff;}
.qsearch #q,.qsearch #q2{border:none;font:12px Arial;color:#CCC;background:transparent;float:left;padding:7px;width:161px;_width:158px;}
.qsearch #q.focus,.qsearch #q2.focus{color:#333;}
.qssubmit{margin:0;}
.q2{float:right;margin:0;}
.q2 div{border:#AAA solid 1px;}
.sm span{background:url(dasq-y.png) repeat-y;}
.sm{list-style:none;margin:0 0 10px;color:#FD1;}
.sm li{height:43px;}
.sm a{color:#eee;}
.sm a:hover{text-decoration:none;}
.sm span{display:block;width:209px;}
.sm .t{height:4px;_font-size:0;}
.sm .m{line-height:35px;height:35px;overflow:hidden;background-position:-209px 0;}
.sm .b{height:4px;background-position:0 -4px;_font-size:0;}
.ddmenu{position:relative;_zoom:1;z-index:10;}
.ddmenu.hover .subgrup{display:block;}
.subgrup{list-style:none;position:absolute;left:207px;top:1px;background:#3A4C52;border:#ffffff solid 1px;display:none;z-index:10;}
.subgrup li{white-space:nowrap;line-height:25px;height:25px;}
.subgrup li:hover{background:#68757A;}
.subgrup a{display:block;padding:0 10px;}
.cpcontact{padding:5px;text-align:left;margin:0 0 10px;background:#fff;color:#000;}
.cpcontact .t{font:bold 14px Arial;color:#000000;padding: 0 0 10px 0; border-bottom: 1px solid #3a4c52; width: 140px; position: relative;}
.cpcontact .t span{background-position:0 -300px;width:10px;height:10px;position: absolute;right: 0;bottom:-8px;}
.cpcontact span{display:block;margin:3px 0;overflow:hidden;}
.homepage div div{float:none !important;}
.review{text-align:center;padding:10px 0;background:#ffffff;color:#000;}
.review div{font-weight:bold;padding:3px 0;}
.review p{margin:10px 0;}
.review span{display:block;}
.rrlink{text-align:left;padding:0 0 0 15px;background:#E9E9E9}

.right{float:right;width:720px;}
.slider{width:720px;margin:0 auto 20px;position:relative;}
.slider-con{position:relative;height:264px;overflow:hidden;}
.slider-con li{position:absolute;width:720px;height:264px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-con img{width:100%;}
.slider-tab{position:absolute;left:0;bottom:20px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#FFF;border-radius:5px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;opacity:0.3;filter:alpha(opacity=30);}
.slider-tab .current{background:#000000;opacity:1;filter:alpha(opacity=100);}
.titlebg{font:bold 14px/20px Arial;color:#ffffff;text-align:left;position:relative;margin:6px 0;float:left;}
.titlebg .tagn{left:109px;bottom:-4px;width:29px;height:19px;position: absolute;background-position:0 -314px;}
.gbox.review .tagn{background-position:0 -333px;left:41px;width:29px;height:18px;position:absolute;}
#lang{float:right;color: #ffffff;font-weight: bold;}
#lang a{float:left;display:block;}
#lang div{float:left;}
#lang span{display:block;float:left;width:33px;height:32px;margin:0 3px;vertical-align:middle;}
#lang .flag-id{background-position:0px -119px;}
#lang .flag-en{background-position:0px -89px;}
#bibox{text-align:left;border-bottom: 1px solid #3a4c52; width:555px;position: relative;}
#bibox span{background-position:0 -300px;width:10px;height:10px;position: absolute;right: 0;bottom:-5px;}
#djlu{text-align:left;}
.butfo{line-height:29px;margin:0 0 10px;}

.compbrief{text-align:left;}
.subtitle{font:normal 15px Arial;font-weight:bold;margin:8px 0 3px;text-align:left;}
.pp td{text-align:left;}
.cpprod{list-style:square;margin:5px 8px 0;}
.cpprod li{margin:0 0 0 14px;text-align:justify;}
.revpaging{padding:5px 10px;background:#e9e9e9;border:#DDD solid;margin:5px 0;}
.grupdesc{padding:0 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:5px;}
.inqt .button{margin:0 0 5px;}
.inqb{border:none;}
.inq span{float:left;line-height:20px;}
.selectall{float:left;line-height:27px;}
.selectall a{color:#fff;}
.viewopt{float:right;margin:7px 0 0;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.viewopt span{color:#ffffff;background:url(listgrid.gif) no-repeat;margin:0 0 0 5px;line-height:12px !important;padding:0 0 0 17px;}
.ppp{float:right;line-height:27px;}
.paging{margin:10px 0;text-align:right;color:#ffffff;}
.paging a{font-weight:bold;color:#ffffff;}

.prodtype{font:normal 18px Arial;margin:5px;background:#ffffff;text-align:left;}
.prodtype a{color:#1176aa;background:#ffffff;}
.litems{padding:10px 0;}
.litems .box1{float:left;width:23px;height:15px;text-align:left;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:#CCC solid 1px;*display:block;}
.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#CCC solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:670px;float:left;text-align:left;}
.litems .name{font:bold 14px Arial;margin:0 0 5px;color:#000;}
.litems .name a{font:bold 12px Arial;}
.litems .date{color:#999;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#FFF;display:inline-block;border:#CCC solid 1px;}
.litems .box4{width:475px;float:right;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:24.9%;float:left;text-align:center;margin:10px 0;position:relative;}
.gitems .box1{position:absolute;left:6px;}
.gitems .box2{margin:0 auto 5px;width:120px;height:120px;border:#CCC solid 1px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:60px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);line-height:20px;color:#FFF;}
.gitems .date{color:#999;font:10px Arial;}
.gitems .desc{font-size:11px;margin:5px 0 0;line-height:14px;}
.tbl{table-layout:fixed;*width:auto;text-align:left;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#AFAFAF dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.keterangan{margin:10px 0;}
.keterangan dt{font:bold 14px "Trebuchet MS";margin:0 0 10px;}
.keterangan dd{line-height:20px;}
.pimg{float:left;text-align:center;margin:0 15px 0 0;}
.pdnf{text-align:left;}
.pdnf .p{margin:10px 0;font-weight:bold;}
.pdnf li{font-weight:normal;margin:0 0 0 14px;}
.pdnf p{text-align:center;}

.button{float:left;}
.button span{display:block;height:20px;float:left;line-height:20px;margin:0 !important;}
.button .l,.button .r{width:9px;}
.button .l{background-position:0 0;}
.button .m{background-position:0 -80px;}
.button .r{background-position:-9px 0;}
.button a{color:#555;}

.ps-container{padding:0 40px;position:relative;margin:5px 0 10px;z-index:10;_zoom:1;}
#ps{position:relative;overflow:hidden;height:150px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td:hover{background:#333333;}
#pdsnext,#pdsprev{display:none;width:20px;height:50px;position:absolute;top:45px;}
#pdsnext{right:5px;}
#pdsprev{left:5px;}

.bottom{text-align:center;color:#000;padding:10px;}
.bottom a{font-weight:bold;color:#1084f6;}
.bottom .footermenu a{font-weight:bold;color:#0245cd;}
.bottom .cpr{color:#000000;font:10px Tahoma;}
@media only screen and (max-width:768px){
.wrap,.banner,.banner img,#loginhead{width:99.9%;}
.menu{height:80px}
.right{width:70%;}
.gitems{width:49%}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.menu{height:80px}
.qsearch{width:50%}
.left,.right{float:none;width:99%}
.gitems{width:99%}
}